<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"></meta>
	<link rel="stylesheet" type="text/css" href="css/amazeui.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=o36iINYvirgMdVSL7vFrYIk7plGBYnWW"></script>
</head>
<body>
  
  <div class="header">
    <img src="images/logo.png" class="logo"/>
    <div class="nav">
      <ul class="nav_ul clr">
        <li><a href="index.html">首页</a></li>
        <li><a href="product.html">企业中心</a></li>
        <li><a href="study.html">科普中心</a></li>
        <li><a href="service.html" class="active">服务中心</a></li>
      </ul>
    </div>
  </div>
  <div class="am-u-sm-12 details_section2" style="margin-top:inherit!important">
      <h2 class="s-title">企业地图</h2>
      <div class="am-g">
        <div id="container" class="map"></div>
      </div>
      <h2 class="s-title">给我留言</h2>
      <div class="am-g">
        <div class="contact_us">
          <div>
            <textarea></textarea>
            <a>提交</a>
          </div>
        </div>
      </div>
  </div>
</body>
</html>
<script type="text/javascript">
  // 百度地图API功能
  var map = new BMap.Map("container");
  var point = new BMap.Point(107,28.10);//经纬度
  map.centerAndZoom(point,12);
  map.addControl(new BMap.NavigationControl());        // 添加平移缩放控件
  map.addControl(new BMap.ScaleControl());             // 添加比例尺控件
  map.addControl(new BMap.OverviewMapControl());       //添加缩略地图控件                //启用滚轮放大缩小
  map.disable3DBuilding(); 
  // 创建地址解析器实例
  var myGeo = new BMap.Geocoder();
  // 将地址解析结果显示在地图上,并调整地图视野
  myGeo.getPoint("重庆市九龙坡区石桥铺", function(point){
    if (point) {
      map.centerAndZoom(point, 16);
      map.addOverlay(new BMap.Marker(point));
    }else{
      alert("您选择地址没有解析到结果!");
    }
  }, "北京市");
</script>